import image1 from "../../assets/bg/juejin.svg";
import image2 from "../../assets/bg/pinia.svg";
import image3 from "../../assets/bg/vite.svg";
import image4 from "../../assets/bg/element.svg";
import { reactive, ref } from "vue";

export const paintBrushColor = ["#000000", "#FF3333", "#99CC00", "#0066FF", "#FFFF33", "#33CC66"];
export const paintBrushType = ["实线", "荧光"]; // "直线", "虚线", "喷雾", "蜡笔"
export const blackBoardBgColor = ["#ffffff", "#000000", "#99CC00", "#0066FF", "#FFFF33", "#33CC66"];
export const blackBoardBgImage = [image1, image2, image3, image4];

export const lineWidth = ref(2);
export const activeColor = ref(0);
export const activeType = ref(0);
export const activeBg = ref(0);

export const showBox = reactive<Record<string, boolean>>({})